import type {App} from "vue"
import {useUserInfoStore} from "@/stores/userInfo"

export default function registerPermissionDirective(app:App) {
  const UserInfoState = useUserInfoStore()
   
  app.directive("permission",(el,binding)=>{
    /* 
    
    el 绑定指令的DOM元素
    binding 是一个对象
    包含表达式和表达式的值等信息
    */
   const isDisplay =UserInfoState.buttons.includes(binding.value)
     if(!isDisplay) {
        el.style.display ="none";
     }

  })
}